@charset "utf-8";



.main{width:1200px;padding:0 15px;margin:0 auto;}

.public-main{width:100%;max-width:1490px;min-width:1170px;margin:0 auto;padding:0 15px;overflow: hidden;}

.trans-bg{width:100%;height:100%;background:rgba(0,0,0,0.7);margin:0 auto;position: fixed;top:0;bottom:0;z-index:100000;display:none;}

.top-line{width:100%;height:60px;margin:0 auto;background:#fff;display:none;}

.gray{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;opacity:0.6;transition: all 0.3s;-webkit-transition: all 0.3s;}

.gray:hover{-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter:none;opacity:1;}

.gray1{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;transition: all 0.3s;-webkit-transition: all 0.3s;}

.gray1:hover{-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter:none;}



.editor{width:100%;font-size:14px;color:#666;line-height:26px;font-family:"Microsoft YaHei","微软雅黑";}

.editor p{line-height:26px; margin-bottom:10px;font-size: 14px;
    color: #666;}

.editor img{max-width:100%;border:#e5e5e5 solid 1px;}
.main-side-cont{box-sizing: border-box;}
.main-side-cont .left-side-bar{margin-left: -590px;}

/*top*/

.top{width:100%;height:36px;margin:0 auto;background:#f5f5f5;}

.top-location{float:left;}

.top-location a{float:left;font-size:12px;color:#999;line-height:36px;font-family:"Microsoft YaHei","微软雅黑";transition: all 0.3s;-webkit-transition: all 0.3s;}

.top-location a:hover{color:#166A79;}

.top-location a.local{padding-left:20px;background:url(../images/icon-local.png) no-repeat left center;background-size:12px;}

.top-location a.local{color:#166A79;}

.top-location span{float:left;font-size:12px;color:#dfdfdf;line-height:36px;margin-left:12px;margin-right:12px;font-family:"Microsoft YaHei","微软雅黑";}

.top-welcome{float:right;}

.top-welcome li{float:left;margin-left:16px;padding-left:16px;margin-top:11px;border-left:#dcdcdc solid 1px;height:14px;}

.top-welcome li:first-child{border-left:none;}

.top-welcome li a{float:left;font-size:18px;color:#166A79;line-height:14px;font-family:"Microsoft YaHei","微软雅黑";}

.top-welcome li a img{float:left;height:20px;margin-top:-3px;margin-right:4px;}

.top-welcome li a span{ font-size:14px; color:#999999;}

/* header */

.header{width:100%;margin:0 auto;height:88px;background:#fff;position:relative;z-index:99;transition: all 0.3s;-webkit-transition: all 0.3s;}



.top-logo{float:left;margin-top:10px;transition: all 0.3s;-webkit-transition: all 0.3s;}

.top-logo a{display:block;}

.top-logo a img{display:block;}



.search-box{float:right;width:260px;height:36px;margin-top:22px;border:#e5e5e5 solid 1px;transition: all 0.3s;-webkit-transition: all 0.3s;}

#search_box{width:100%;}

.search-box input.inp_srh{width:219px;float:left;height:34px;line-height:34px;padding:0 12px;font-size:14px;background:none;outline:none;border:none;border-radius:24px;}

.search-box input.btn_srh{width:38px;float:right;height:34px;background:url(../images/icon-search.png) no-repeat center;background-size:20px;}



.search-sort{float:left;width:0px;opacity:0;height:34px;background:url(../images/icon-down01.png) no-repeat 90% center;cursor:pointer;border-right:#e5e5e5 solid 1px;transition: all 0.3s;-webkit-transition: all 0.3s;}

.search-sort h6{width:100%;font-size:14px;color:#333;line-height:34px;text-align:center;}

.search-sort ul{display:none;width:100%;overflow:hidden;-webkit-box-shadow:0px 4px 12px rgba(0,0,0,0.1);box-shadow:0px 4px 12px rgba(0,0,0,0.1);width: 100px;z-index: 999;  position: absolute;}

.search-sort li{width:100%;font-size:14px;color:#333;line-height:32px;background:#fff;border-top:#eee solid 1px;text-align:center;cursor:pointer;transition: all 0.3s;-webkit-transition: all 0.3s;}

.search-sort li:hover{background:#166A79;color:#fff;transition: all 0.3s;-webkit-transition: all 0.3s;}

.search-sort li.cur{background:#166A79;color:#fff;transition: all 0.3s;-webkit-transition: all 0.3s;}



.search-box.open{width:600px;transition: all 0.3s;-webkit-transition: all 0.3s;}

.search-box.open input.inp_srh{width:460px;transition: all 0.3s;-webkit-transition: all 0.3s;}

.search-box.open .search-sort{width:100px;opacity:1;transition: all 0.3s;-webkit-transition: all 0.3s;}



.header-nav{float:left;overflow:hidden;transition: all 0.3s;-webkit-transition: all 0.3s; margin-top:30px;}

.header-nav.nav-close{width:0;height:0;transition: all 0.3s;-webkit-transition: all 0.3s;}



/*主导航*/

.nav_list{float:left;transition: all 1s;-webkit-transition: all 1s;}

.nav_list li{float:left;position: relative; transition: all 0.3s;-webkit-transition: all 0.3s; width:100px; line-height:1; text-align:center;}

.nav_list li:first-child{margin-left:0; width:60px;}

.nav_list li a{font-size:16px;color:#474A51;text-align:center; vertical-align:middle;}

.nav_list li a i{display:inline-block; zoom:1;*display:inline;width:7px;height:16px;text-align:center;background:url(../images/icon-down.png) no-repeat center; vertical-align:middle;margin-left:6px;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;opacity:0.7;transition: all 0.3s;-webkit-transition: all 0.3s;}

.nav_list li:hover a{color:#294957; font-weight:bold;}

.nav_list li.cur a{color:#294957; font-weight:bold;}

.nav_list li.cur a i{display:none;}

.nav_list li:hover a i{transform:rotate(-180deg);-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter:none;opacity:1;}



/*二级菜单*/

.headerMenuSub{width:100%;margin:0 auto;}

.navDownMenu{position:absolute; top:80px; left: 0; z-index: 1001; width: 100%; background: #fff; overflow: hidden; _zoom: 1;border-top:#e5e5e5 solid 1px; -webkit-box-shadow: 0 8px 12px rgba(0,0,0,0.1);

    box-shadow: 0 8px 12px rgba(0,0,0,0.1);-webkit-transition: -webkit-box-shadow .2s; transition: box-shadow .2s;}

.navDownMenu ul{width:100%;text-align:center;padding:20px 0;}

.navDownMenu ul li{display:inline-block; zoom:1;*display:inline;width:160px;}

.navDownMenu ul li:last-child{border-right:none;}

.navDownMenu ul li h3{float:left;width:100%;font-size:16px;color:#333;line-height:18px;font-weight:normal;background:url(../images/icon-right07.png) no-repeat 60px center;text-align:left;margin-bottom:10px;}

.navDownMenu ul li h6{float:left;padding-right:30px;font-size:14px;color:#666;line-height:24px;font-weight:normal;text-align:left;}

.navDownMenu ul li h6 a{float:left;font-size:14px;color:#666;line-height:24px;font-weight:normal;text-align:left;}

.navDownMenu ul li h6:hover a{color:#166A79;}

.navDownMenu ul li a{display:block;width:100%;}

.navDownMenu ul li a img{width:36px;height:36px;display:block;margin:0 auto 8px auto;}

.navDownMenu ul li a p{width:100%;font-size:14px;color:#666;line-height:24px;text-align:center;}

.navDownMenu ul li:hover a p{color:#166A79;}



#zhuangxiuanli ul li{width:120px;}

#zhuangxiuanli ul li.head-case-nav{width:220px;padding-left:30px;max-height:76px;border-right:#d8d8d8 dashed 1px;overflow:hidden;}



.header.scroll{position:fixed;top:0;left:0;z-index:9999;height:60px;background:#fff; -webkit-box-shadow: 0 8px 12px rgba(0,0,0,0.1); box-shadow: 0 8px 12px rgba(0,0,0,0.1);}

.header.scroll .top-logo{margin-top:12px;}

.header.scroll .top-logo img{ height:36px;}

.header.scroll .search-box{margin-top:12px;}

.header.scroll .header-nav{margin-top:22px; margin-left:6.5%;}

.header.scroll .navDownMenu{top:60px;}




@media(max-width:1420px){

    .header-nav{margin-left:6%;}

}



@media(max-width:1360px){

    .header-nav{width:606px;margin-left:8%;}

    .nav_list li{margin-left:32px;}

    .nav_list li a{font-size:14px;}



    .navDownMenu ul li h3{font-size:14px;}

    .navDownMenu ul li h6{font-size:12px;}

    .navDownMenu ul li h6 a{font-size:12px;}

    .navDownMenu ul li a img{width:32px;height:32px;}

    .navDownMenu ul li a p{font-size:12px;}

}



@media(max-width:1280px){

    .header-nav{width:582px;margin-left:5%;}

    .nav_list li{margin-left:28px;}

}



@media(max-width:1200px){

    .header-nav{margin-left:3%;}

}







/*评论 星星*/

.commstar {

    background: url("../images/star.png") repeat-x scroll 0 -21px rgba(0, 0, 0, 0);

    display: inline-block;

    height: 21px;

    margin-top: 5px;

    overflow: hidden;

    position: relative;

    width: 105px;

}

.commstar i {

    cursor: pointer;

    display: inline-block;

    height: 21px;

    left: 0;

    position: absolute;

    top: 0;

    width: 20%;

}

.commstar .star1 {

    width: 20%;

    z-index: 9;

}

.commstar .star2 {

    width: 40%;

    z-index: 8;

}

.commstar .star3 {

    width: 60%;

    z-index: 7;

}

.commstar .star4 {

    width: 80%;

    z-index: 6;

}

.commstar .star5 {

    width: 100%;

    z-index: 5;

}

.commstar .active {

    background: url("../images/star.png") repeat-x scroll left top rgba(0, 0, 0, 0);

}

.commstar .active {

    background: url("../images/star.png") repeat-x scroll left top rgba(0, 0, 0, 0);

}



/*footer*/

.footer-number{width:100%;height:210px;padding:40px 0;background:url(../images/footer-bg.jpg) no-repeat center;}

.footer-number .company-name{float:left;}

.footer-number .company-name h3{font-size:36px;color:#fff;line-height:60px;font-weight:bold;font-family:"Microsoft YaHei","微软雅黑";}

.footer-number .company-name h6{font-size:16px;color:#fff;line-height:24px;font-family:"Microsoft YaHei","微软雅黑";}

.f_about{ float:right; margin-right:76px;}

.f_about li{ float:left; width:194px; text-align:center; background:url(../images/f_line.jpg) no-repeat right top;}

.f_about li p{ line-height:28px; font-size:16px; color:#ffffff;}

.f_about li .f_icon{ height:48px; background-repeat:no-repeat; background-position:center center;}

.f_about li .f_icon1{ background-image:url(../images/f_icon1.png);}

.f_about li .f_icon2{ background-image:url(../images/f_icon2.png);}

.f_about li .f_icon3{ background-image:url(../images/f_icon3.png);}

.f_about li .f_icon4{ background-image:url(../images/f_icon4.png);}

.f_about li .f_icon5{ background-image:url(../images/f_icon5.png);}

.digital{display:block;position:relative;top:-600px;}

.footer-number .number{float:right;}

.footer-number .number li{float:left;width:160px;margin-left:60px;}

.footer-number .number li p{font-size:16px;color:#fff;line-height:48px;font-family:"Microsoft YaHei","微软雅黑";}

.footer-number .number li .count-title{font-size:42px;font-weight:bold;}

.footer-number .number li .cons{font-size:16px;color:#fff;line-height:24px;font-family:"Microsoft YaHei","微软雅黑";}



.footer{width:100%;padding:40px 0 100px;margin:0 auto;background:#EBEBEB;}

.footer-link-nav{width:100%;}

.footer-link-nav li{float:left;margin-right:40px;position:relative;}

.footer-link-nav li a{font-size:20px;color:#999;line-height:24px;font-family:"Microsoft YaHei","微软雅黑";}

.footer-link-nav li .arrow{position:absolute;bottom:-40px;left:50%;margin-left:-10px;display:block;width:20px;height:20px;background:#343434;border:#575757 solid 1px;transform:rotate(45deg);border-right:none;border-bottom:none;display:none;}

.footer-link-nav li.active .arrow{display:block;}

.footer-link-nav li.active a{color:#166A79;}



.footer-link-content{width:100%;margin:30px auto 40px auto;}

.footer-link-warp{width:100%;border:#575757 solid 1px;padding:20px 0;display:none;}

.footer-link-warp li{float:left;width:25%;padding:0 25px;}

.footer-link-warp li a{display:block;width:100%;font-size:14px;color:#999;line-height:32px;font-family:"Microsoft YaHei","微软雅黑";height:36px;overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;transition: all 0.3s;-webkit-transition: all 0.3s;}

.footer-link-warp li a:hover{color:#166A79;}



.footer-citylist li{width:auto;padding:0;}

.footer-citylist li a{float:left;padding:0 20px;width:auto;}

.footer-partner-link li{width:auto;padding:0;}

.footer-partner-link li a{float:left;padding:0 20px;width:auto;}







.footer-bottom{width:100%;}

.footer-nav{float:left;width:640px;margin-top:20px;}

.footer-nav .nav{float:left;width:100%;}

.footer-nav .nav a{float:left;font-size:16px;color:#333333;line-height:32px;font-family:"Microsoft YaHei","微软雅黑";transition: all 0.3s;-webkit-transition: all 0.3s;}

.footer-nav .nav a:hover{color:#166A79;}

.footer-nav .nav span{float:left;font-size:16px;color:#999;line-height:32px;font-family:"Microsoft YaHei","微软雅黑";margin-left:20px;margin-right:20px;}

.footer-nav .copyright{float:left;width:100%;margin-top:10px;}

.footer-nav .copyright p{font-size:14px;color:#666;line-height:26px;font-family:"Microsoft YaHei","微软雅黑";}

.footer-nav .copyright p a{font-size:14px;color:#666;line-height:26px;font-family:"Microsoft YaHei","微软雅黑";}

.footer-nav .copyright p span{font-family:"Arial";}



.footer-contact{float:right;}

.footer-contact .code{float:left;width:99px; margin-left:50px;}

.footer-contact .code img{display:block;width:99px;height:99px;}

.footer-contact .code p{font-size:14px;color:#999;line-height:20px;margin-top:8px;text-align:center;}



.footer-cont{float:left;width:320px;margin-top:16px;}

.footer-cont .tel{font-size:14px;color:#999;line-height:40px;font-family:"Microsoft YaHei","微软雅黑";background:url(../images/foot-tel01.png) no-repeat left center;background-size:32px;padding-left:40px;}

.footer-cont .tel span{font-size:32px;color:#166A79;}



.footer-icon{width:100%;margin-top:10px;}

.footer-icon span{float:left;font-size:14px;color:#999;line-height:40px;font-family:"Microsoft YaHei","微软雅黑";}

.footer-icon a{float:left;width:32px;margin-right:10px;opacity:0.4;}

.footer-icon a img{display:block;width:32px;height:32px;}

.footer-icon a:hover{opacity:1;transition: all 0.3s;-webkit-transition: all 0.3s;}





/*.side-bar-btn{width:60px;height:37px;position:fixed;right:0;bottom:569px;background:url(../images/icon-right09.png) no-repeat center;display:none;}

.side-bar-btn.curl{background:url(../images/icon-left09.png) no-repeat center;}*/

@keyframes num {

    0%,50%,100%{

        opacity:1;

    }

    25%,75% {

        opacity:0;

    }

}



.side-bar-nav{width:70px;position:fixed;right:0;bottom:80px;z-index:100;}

.side-bar-nav dl{width:100%;}

.side-bar-nav dl dt{width:70px;height:58px;float:left;border-bottom:#eee solid 1px;}

.side-bar-nav dl dt a{width:100%;display:block;}

.side-bar-nav dl dt a img{width:58px;height:58px;display:block;margin:0 auto;}

.side-bar-nav dl dd{width:70px;border:#eee solid 1px;border-top:none;float:left;cursor: pointer;background:#fff;position:relative;transition: all 0.3s;-webkit-transition: all 0.3s;}

.side-bar-nav dl dd a{width:100%;display:block;height:100%;overflow:hidden;}

.side-bar-nav dl dd a img{width:32px;height:32px;margin:6px auto;display:block;}

.side-bar-nav dl dd a p{width:100%;font-size:12px;color:#999;line-height:12px;margin-bottom:8px;text-align:center;font-family:"Microsoft YaHei","微软雅黑";}

.side-bar-nav dl dd.cur{background:#166A79;border:#166A79 solid 1px;border-top:none;}

.side-bar-nav dl dd.cur a p{color:#fff;}

.side-bar-nav dl dd.online .circle{display:block;width:16px;height:16px;font-size:12px;color:#fff;background:#f50000;border-radius:50%;text-align:center;line-height:16px;position:absolute;right:4px;top:0;animation: num 2s infinite;}

.side-bar-nav .follow .follow-code{position:absolute;right:69px;bottom:0;width:136px;display:none;}

.side-bar-nav .follow .follow-code-box{width:120px;background:#fff;-webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.2); box-shadow: 0 4px 12px rgba(0,0,0,0.2);}

.side-bar-nav .follow .follow-code-arrow{width:16px;height:16px;background:#fff;transform:rotate(45deg);position:absolute;right:8px;bottom:24px;border:#eee solid 1px;border-bottom:none;border-left:none;}

.side-bar-nav .follow .follow-code p{width:100%;font-size:12px;color:#999;line-height:12px;margin-bottom:8px;text-align:center;font-family:"Microsoft YaHei","微软雅黑";}

.side-bar-nav .follow .follow-code h6{float:left;width:100%;font-weight:normal;}

.side-bar-nav .follow .follow-code h6:last-child{border:none;}

.side-bar-nav .follow .follow-code h6 img{display:block;width:98px;height:98px;margin:10px auto 0;}

.side-bar-nav .follow .follow-code h6 p{width:98px;margin:6px auto 10px auto;font-size:12px;color:#166A79;line-height:24px;font-family:"Microsoft YaHei","微软雅黑";text-align:center;border-radius:14px;background:#ffe8d9;}

.side-bar-nav .follow:hover .follow-code{display:block;}



/*.side-bar-nav .follow .follow-code{position:absolute;right:69px;top:0;width:262px;background:#fff;border:#e4e4e4 solid 1px;display:none;}

.side-bar-nav .follow .follow-code p{width:100%;font-size:12px;color:#999;line-height:12px;margin-bottom:8px;text-align:center;font-family: "宋体";}

.side-bar-nav .follow .follow-code h6{float:left;width:130px;font-weight:normal;border-left:#e4e4e4 solid 1px;}

.side-bar-nav .follow .follow-code h6:first-child{border-left:none;}

.side-bar-nav .follow .follow-code h6 img{display:block;width:98px;height:98px;margin:10px auto 0;}

.side-bar-nav .follow .follow-code h6 p{width:110px;margin:6px auto 10px auto;font-size:12px;color:#ffa000;line-height:20px;font-family:"宋体";text-align:center;}

.side-bar-nav .follow:hover .follow-code{display:block;}*/



/*.online-list{position:absolute;right:60px;top:0;width:120px;background:#fff;border:#d4d4d4 solid 1px;padding:8px;display:none;}

.online-list li{float:left;width:100%;background:url(../images/site-icon05-1.png) no-repeat left center;}

.online-list li a{float:left;padding-left:36px;color:#666;font-size:12px;line-height:40px;}

.online-list li a:hover{color:#ffa000;}

.side-bar-nav .online:hover .online-list{display:block;}*/



.foot-pop-up{width:100%;position:fixed;bottom:-390px;left:0;z-index:99;}

.foot-close{width:30px;height:30px;position:absolute;top:40px;right:5px;}

.foot-close img{width:30px;height:30px;display:block;}

.footer-pic1{width:100%;min-width:1200px;height:100px;background:url(../images/foot-pic01.png) no-repeat center;z-index: 99;}

.footer-pic-btn{position:absolute;right:120px;bottom:0;z-index:9;width:100px;height:52px;background:url(../images/icon-up02.png) no-repeat center;cursor:pointer;}

.footer-pic-btn.down{background:url(../images/icon-up02-1.png) no-repeat center;}





.price-bg-box{width:100%;background:url(../images/black70.png);margin:0 auto;}

.price-bg-box .price-box{width:980px;margin:0 auto;background:#fff;}

.price-bg-box .price-box h3{width:100%;float:left;margin-top:25px;font-size:24px;color:#333;line-height:32px;text-align:center;font-weight:normal;}

.price-bg-box .price-box h6{width:100%;float:left;font-size:14px;color:#166A79;line-height:24px;text-align:center;font-weight:normal;}



.price-bg-box .price-box .order-in{width:410px;float:left;margin-top:15px;margin-left:65px;height:180px;}

.price-bg-box .price-box .order-in #dropdown{width:410px;float:left;height:46px;background:#fff;margin-bottom:15px;}

.price-bg-box .price-box .order-in #dropdown select{width:410px; height:46px;border:#dcdcdc solid 1px;background:url(../images/icon-down02.png) no-repeat 386px center;padding-left:10px;appearance:none;-moz-appearance:none;-webkit-appearance:none;font-size:14px;color:#666;line-height:44px;}

.price-bg-box .price-box .order-in select::-ms-expand{ display: none;border:none;}

.price-bg-box .price-box .order-in #dropdown select option{padding-left:10px;font-size:14px;color:#666;height:50px;line-height:50px;padding-top:9px;}

.price-bg-box .price-box .order-in .order-phone{width:398px;height:44px;background:#fff;border:#dcdcdc solid 1px;box-shadow:none;float:left;margin-left:0;padding-left:10px;margin-bottom:15px;}

.price-bg-box .price-box .order-in .order-name{width:398px;height:44px;background:#fff;border:#dcdcdc solid 1px;box-shadow:none;float:left;margin-left:0;padding-left:10px;margin-bottom:15px;}



.price-bg-box .price-box .price-order-submit{float:left;width:100%;height:45px;margin-bottom:15px;}

.price-bg-box .price-box .price-order-submit .order-submit{width:410px;height:45px;background:#166A79;border:none;box-shadow:none;color:#fff;font-size:16px;display:block;margin:0 auto;}

.price-bg-box .price-box .txt{width:100%;float:left;font-size:12px;color:#166A79;line-height:24px;text-align:center;margin-bottom:15px;}



.price-bg-box .price-box .order-list{width:408px;float:right;margin-top:15px;border:#dcdcdc solid 1px;margin-right:65px;}

.price-bg-box .price-box .order-list .bd15{width:300px;height:165px;float:left;margin-left:50px;}

.price-bg-box .price-box .order-list .infoList li{ height:33px; line-height:33px;font-size:12px;color:#999;font-family:"宋体";padding-left:40px;background:url(../images/icon-voice.png) no-repeat left center;}



/*面包屑*/

.breadcrumb{width:100%;height:64px;margin:0 auto;padding:18px 0;}

.home{ overflow:hidden;}

.home p{float:left;line-height:28px;font-size:14px; color:#999;}

.home, .home a{line-height:28px; font-size:14px; color:#999;}

.home a.cur{color:#166A79;}

.home span{float:left;font-size:14px;color:#999;line-height:28px;font-family:"Microsoft YaHei","微软雅黑";margin-left:6px;margin-right:6px;}



/*页码*/

.page01 {display: block;width: 100%;text-align: center;margin-top: 30px;margin-bottom: 30px;}

.page01 a{display: inline-block;min-width: 40px;padding: 0px 5px;height: 36px;line-height: 36px;font-size: 14px;color: #666;text-align: center;margin: 0px 0px;}

.page01 a.prev,

.page01 a.next{border: solid 1px #3b963b;padding: 0px;color: #3b963b;line-height: 34px;}

.page01 a:hover{color: #3b963b;}

.page01 a.numb.on{background: #3b963b;color: #fff;}

.page01 span{display: inline-block;font-size: 14px;color: #666;}

.page01 span.omit{font-size: 20px;}



.page01 li{display: inline-block;min-width: 40px;padding: 0px 5px;height: 36px;line-height: 36px;font-size: 14px;color: #666;text-align: center;margin: 0px 0px;}



.page01 li a:hover{color: #3b963b;}

.page01 li.active{background: #fff;color: #fff;}

.page01 { 

    text-align:center; 

    width:100%; 

    margin-top:40px; 

    margin-bottom:20px;

}



.page01 a{

    display:inline-block;

    zoom:1;

    *display:inline;

    padding:0 16px;

    height:40px;

    line-height:40px;

    margin-left:4px; 

    margin-right:4px;

    color:#999;

    font-size: 12px;

    cursor: pointer; 

    text-align:center;

    transition: all 0.6s;

    -webkit-transition: all 0.6s;

}



.page01 .current{ 

    color:#fff;

    background: #166A79; 

}



.page01 a:hover{

    color:#fff;

    background: #166A79; 

    transition: all 0.6s;-webkit-transition: all 0.6s;

}



.page01 input{

    display:inline-block;

    zoom:1;

    *display:inline;

    width:60px;

    padding:0 8px;

    height:40px;

    border:none;

    background:#f0f0f0;

}



.page01 input.go{

    border:#166A79 solid 2px;

    color:#166A79;

    background:#fff;

}





/* 装修案例 */

.inside-nav{width:100%;padding:20px 0;border-top:#e5e5e5 solid 1px;}

.inside-nav ul{text-align:center;}

.inside-nav li{display:inline-block;border-left:#e5e5e5 solid 1px;}

.inside-nav li:first-child{border-left:none;}

.inside-nav li a{display:block;font-size:14px;color:#666;line-height:14px;padding:0 30px;font-family:"Microsoft YaHei","微软雅黑";transition: all 0.3s;-webkit-transition: all 0.3s; cursor:pointer;}

.inside-nav li:hover a{color:#166A79;}

.inside-nav li.cur a{color:#166A79;}

.inside-line{width:100%;border-top:#e5e5e5 solid 1px;}



/* 筛选 */

.sort_top {float:left;margin-left:30px;}

.sort_top ul li {float:left; border:1px solid #ccc; height:28px; line-height:28px; margin-right:15px; }

.sort_top ul li a {font-family:"Microsoft YaHei","微软雅黑";font-size:12px; color:#166A79; font-weight:normal; margin-right:8px;margin-left:8px; line-height:26px; display:inline-table; float:left;}

.sort_top ul li .delete{height:26px;line-height:24px; width:26px; background:none; color:#166A79;font-family:"宋体";font-size:20px; border-left:1px solid #e5e5e5;transition: all 0.3s;-webkit-transition: all 0.3s;cursor:pointer;}

.sort_top ul li .delete:hover{color:#fff;background:#166A79;}



.sort {width:100%; border:1px solid #e5e5e5;margin-bottom:30px;}

.sort_b { width:100%;margin:0 auto;}

.sort_b table{width:100%;}

.sort_b table tr.sort_bs{border-bottom:1px dashed #e5e5e5;}

.sort_b table tr.sort_bs:last-child{border-bottom:none;}

.sort_b table tr.sort_bs th{background:#f5f5f5;}

.sort_b table tr.sort_bs label{float:left; width:70px; text-align:center;font-family:"Microsoft YaHei","微软雅黑"; font-size:14px; color:#333;line-height:60px; font-weight:normal;margin-bottom:0;}

.sort_b table .sort_bt{float:left;width:100%;overflow:hidden;position:relative;}

.sort_b table .sort_bt .more-btn{position:absolute;width:28px;height:28px;right:20px;top:16px;background:url(../images/icon-down01.png) no-repeat center;cursor:pointer;border:#e5e5e5 solid 1px;}

.sort_b table .sort_bt .more-btn.up{transform:rotate(-180deg);}

.sort_b table .sort_bt .sort_bt01{ width:1050px;padding-right:76px;position:relative;}

.sort_b table .sort_bt .sort_bt01 ul{ float:left;}  

.sort_b table .sort_bt .sort_bt01 ul li{ float:left; margin-left:16px;margin-top:16px;margin-bottom:16px; padding:0 8px;height:28px; font-family:"Microsoft YaHei","微软雅黑";font-size:14px; color:#333; font-weight:normal; line-height:28px; cursor: pointer;}

.sort_b table .sort_bt .sort_bt01 ul li.kvhover{color:#166A79;}

.sort_b table .sort_bt .sort_bt01 ul li:hover{color:#166A79;}



/*排序*/

.rank{ width:100%; height:48px; margin-bottom:30px;background:#f5f5f5;border:#e5e5e5 solid 1px;}

.rank ul {float:left;}

.rank ul li{float:left; color:#666; font-size:14px;line-height:46px; width:106px; text-align:center;border-right:1px solid #e5e5e5;cursor: pointer;font-family:"Microsoft YaHei","微软雅黑";vertical-align:top; }

.rank ul li i{ width:8px; height:46px; background:url(../images/icon-down04.png) no-repeat center center; display:inline-block; margin-left:8px;vertical-align:top;}

.rank ul li.cur{color:#166A79;}

.rank ul li.cur i{ background:url(../images/icon-down05.png) no-repeat center center;}

.rank ul li.cur i.up{ background:url(../images/icon-down05-1.png) no-repeat center center;}



.rank .page-turn{float:right;height:46px;padding:0 10px;}

.rank .page-turn h5{float:left;font-size:14px;color:#666;line-height:46px;font-family:"Microsoft YaHei","微软雅黑";}

.rank .page-turn h5 span{color:#166A79;font-family:Arial;font-weight:600;}



/* 案例详情 内容分区 */

.detail-main{width:100%;background:#f5f5f5;padding-top:40px;margin-top:50px;position:relative;}

.left-content{float:left;width:870px;margin-bottom:60px;}

.right-content{float:right;width:270px;margin-bottom:60px;}

.content{width:100%;padding:30px;background:#fff;margin-bottom:30px;}

.show-main-cont .left-content{ width: 770px;}
.show-main-cont .left-content .det-page {
    width: 710px;
    margin: 20px auto 0 auto;
}
.show-main-cont .det-page li{ width: 340px;}
.show-main-cont .det-page li a{ width: 340px;}
.show-main-cont .det-page li a img{ width: 340px;}
.show-main-cont .bottom-recom-list{ width: 710px;}
.show-main-cont .bottom-recom-list li{ width: 216px;}

/* 右侧推荐 */

/* 右侧 预约框 */

.order-input-height{width:100%;height:auto;}

.order-input-box{width:270px;padding:30px;background:#fff;border:#e5e5e5 solid 1px;top:0;z-index:9;transition: all 0.1s;-webkit-transition: all 0.1s;-webkit-box-shadow:0px 4px 12px rgba(0,0,0,0.1);box-shadow:0px 4px 12px rgba(0,0,0,0.1);}

.order-input-box.scroll{position:fixed;top:100px;left:50%;margin-left:315px;}

.order-in-title h3{font-size:20px;color:#166A79;line-height:24px;text-align:center;font-family:"Microsoft YaHei","微软雅黑";font-weight:bold;}

.order-in-title p{font-size:14px;color:#333;line-height:28px;text-align:center;font-family:"Microsoft YaHei","微软雅黑";margin-bottom:6px;}

.order-in-title p i{font-style:normal;color:#166A79;}

.order-in-title .number{width:100%;height:60px;border:#e0e1e0 solid 4px;border-radius:4px;background:#d2d3b4;margin-bottom:15px;}

.order-in-title .number h6{width:100%;height:52px;border:#333 solid 3px;border-radius:2px;padding:9px;}

.order-in-title .number img{float:right;height:28px;margin-right:4px;}

.order-in-title .number span{float:right;font-size:14px;color:#333;line-height:14px;margin-top:14px;font-family:"Microsoft YaHei","微软雅黑";}



.order-in{width:100%;}

.order-in .order-area{position:relative;margin-bottom:10px;}

.order-in .order-area:last-child{margin-bottom:0;}

.order-in .order-input{width:100%;height:40px;border:#e5e5e5 solid 1px;background:#fff;padding:0 12px;}

.order-in .order-area span{position:absolute;top:0;right:0;display:block;width:48px;font-size:12px;color:#333;line-height:38px;text-align:center;}



.order-in .dropdown{width:100%;margin-bottom:10px;}

.order-in .dropdown select{float:left;width:31%;margin-left:3.5%;height:34px;border:#e5e5e5 solid 1px;background:#fff url(../images/icon-down01.png) no-repeat 90% center;padding-left:10px;appearance:none;-moz-appearance:none;-webkit-appearance:none;font-size:14px;color:#666;line-height:32px;}

.order-in .dropdown select:first-child{margin-left:0;}

.order-in select::-ms-expand{ display: none;border:none;}

.order-in .dropdown select option{padding-left:10px;font-size:14px;color:#666;height:36px;line-height:36px;padding-top:9px;}

.order-in .dropdown select.city{width:100%;margin-left:0;background:#fff url(../images/icon-down01.png) no-repeat 96% center;}

.order-in .order-submit{width:100%;height:42px;background:#166A79;border:none;box-shadow:none;color:#fff;font-size:14px;font-family:"Microsoft YaHei","微软雅黑";cursor:pointer;margin-top:8px;}

.order-in .order-submit:hover{background:#eb5f01;}



.order-in .order-type{width:100%;position:relative;margin-bottom:10px;}

.order-in .order-type .result{width:100%;height:40px;border:#e5e5e5 solid 1px;background:#fff url(../images/icon-down01.png) no-repeat 96% center;}

.order-in .order-type .result h6{float:left;width:24%;font-size:14px;color:#333;line-height:38px;text-align:center;font-family:"Microsoft YaHei","微软雅黑";cursor:pointer;}

.order-in .order-type .select{position:absolute;top:39px;left:0;z-index:9;width:100%;border:#e5e5e5 solid 1px;background:#fff;display:none;}

.order-in .order-type .select li{float:left;width:25%;padding:0 6px;padding-top:8px;}

.order-in .order-type .select li span{float:left;width:100%;font-size:14px;color:#333;line-height:24px;border-radius:4px;background:#eee;margin-bottom:8px;text-align:center;cursor:pointer;}

.order-in .order-type .select li span.selected{background:#166A79;color:#fff;}



/* 右侧广告图 */

.right-adv{width:100%;margin-top:20px;}

.right-adv img{width:100%;display:block;border:#e5e5e5 solid 1px;}



/* 右侧推荐 */

.right-recom{width:270px;background:#fff;border:#e5e5e5 solid 1px;margin-top:20px;padding:20px;}

.right-recom .title{margin-bottom:20px;}

.right-recom .title h3{float:left;font-size:18px;color:#333;line-height:20px;font-weight:bold;font-family:"Microsoft YaHei","微软雅黑";}

.right-recom .title a{float:right;font-size:14px;color:#999;line-height:20px;font-weight:bold;font-family:"Microsoft YaHei","微软雅黑";font-weight:normal;transition: all 0.3s;-webkit-transition: all 0.3s;}

.right-recom .title a i{font-size:12px;font-style:normal;font-family:"宋体";font-weight:normal;}

.right-recom .title a:hover{color:#166A79;}

.right-recom .swiper-container{padding-bottom:10px;}

.right-recom .swiper-pagination{bottom:0;}

.right-recom .swiper-pagination-bullet{opacity: 1;width:12px;height:12px;background:#dfdfdf;transition: all .3s;}

.right-recom .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#166A79;}



/* 右侧 小区案例 */

.village-case-list{width:100%;}

.village-case-list li{float:left;width:100%;margin-bottom:20px;}

.village-case-list li a{float:left;width:100%;}

.village-case-list li a img{float:left;width:92px;height:58px;border:#e5e5e5 solid 1px;}

.village-case-list li a h5{float:right;width:128px;font-size:16px;color:#333;line-height:26px;text-align:left;font-family:"Microsoft YaHei","微软雅黑";height:52px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;transition: all 0.3s;-webkit-transition: all 0.3s;}

.village-case-list li:hover a h5{color:#166A79;}



.vr-case-list{width:100%;margin-bottom:10px;}

.vr-case-list li{float:left;width:110px;margin-left:8px;margin-bottom:10px;position: relative;}

.vr-case-list li:nth-child(odd){margin-left:0;}

.vr-case-list li img{display:block;width:110px;border:#e5e5e5 solid 1px;height: 71px;}

.vr-case-list li .tag{position:absolute;top:6px;left:6px;display:block;width:44px;height:14px;border-style:solid;border-width:1px;border-color:rgba(255,255,255,0.4);background:rgba(0,0,0,0.3) url(../images/icon-vr.png) no-repeat center;background-size:32px;}



/* 右侧 热门案例 */

.hot-case-list{width:100%;}

.hot-case-list dd:nth-child(3n-2){float:left;width:100%;position:relative;margin-bottom:20px;}

.hot-case-list dd:nth-child(3n-2) .img{width:100%;overflow:hidden;}

.hot-case-list dd:nth-child(3n-2) .img img{width:100%; height:147px;display:block;border:#e5e5e5 solid 1px;transition: 1s;}

.hot-case-list dd:nth-child(3n-2):hover .img img{-webkit-transform:scale(1.15);

    -moz-transform: scale(1.15);

    -ms-transform: scale(1.15);

    -o-transform: scale(1.15);

    transform: scale(1.15);}

.hot-case-list dd:nth-child(3n-2) .txt{position:absolute;bottom:0;left:0;width:100%;padding:0 10px;height:32px;background:rgba(0,0,0,0.5);}

.hot-case-list dd:nth-child(3n-2) .txt h5{width:100%;font-size:14px;color:#fff;line-height:28px;font-family:"Microsoft YaHei","微软雅黑";height:28px;overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;}

.hot-case-list dd{float:left;width:100%;margin-bottom:20px;}

.hot-case-list dd a{float:left;width:100%;}

.hot-case-list dd a img{float:left;width:92px;height:58px;border:#e5e5e5 solid 1px;}

.hot-case-list dd a h5{float:right;width:128px;font-size:16px;color:#333;line-height:26px;text-align:left;font-family:"Microsoft YaHei","微软雅黑";height:52px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;transition: all 0.3s;-webkit-transition: all 0.3s;}

.hot-case-list dd:hover a h5{color:#166A79;}



/* 右侧 最新知识 */

.case-knowledge-list{width:100%;}

.case-knowledge-list dd:nth-child(1){float:left;width:100%;position:relative;margin-bottom:20px;}

.case-knowledge-list dd:nth-child(1) a{ height:auto;}

.case-knowledge-list dd:nth-child(1) .img{width:100%;overflow:hidden; display:block;}

.case-knowledge-list dd:nth-child(1) .img img{width:100%;display:block;border:#e5e5e5 solid 1px;transition: 1s;}

.case-knowledge-list dd:nth-child(1):hover .img img{-webkit-transform:scale(1.15);

    -moz-transform: scale(1.15);

    -ms-transform: scale(1.15);

    -o-transform: scale(1.15);

    transform: scale(1.15);}

.case-knowledge-list dd:nth-child(1) .txt{position:absolute;bottom:0;left:0;width:100%;padding:0 10px;height:32px;background:rgba(0,0,0,0.5);}

.case-knowledge-list dd:nth-child(1) .txt h5{width:100%;font-size:14px;color:#fff;line-height:28px;font-family:"Microsoft YaHei","微软雅黑";height:28px;overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;}

.case-knowledge-list dd{float:left;width:100%;margin-bottom:20px;}

.case-knowledge-list dd a{float:left;width:100%;font-size:14px;color:#666;line-height:26px;text-align:left;font-family:"Microsoft YaHei","微软雅黑";height:26px;overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;transition: all 0.3s;-webkit-transition: all 0.3s;}

.case-knowledge-list dd .img{ display:none;}

.case-knowledge-list dd:hover a{color:#166A79;}



/* 右侧 热门图片 */

.hot-photo-list{width:100%;}

.hot-photo-list dt{float:left;width:100%;position:relative;margin-bottom:10px;}

.hot-photo-list dd{float:left;width:100%;position:relative;margin-bottom:20px;}

.hot-photo-list img{display:block;background-repeat:no-repeat;background-position:center;background-size:cover;transition: 1s;}

.hot-photo-list img:hover{-webkit-transform:scale(1.15);

    -moz-transform: scale(1.15);

    -ms-transform: scale(1.15);

    -o-transform: scale(1.15);

    transform: scale(1.15);}

.hot-photo-list dt .left-img{float:left;width:140px;overflow:hidden;}

.hot-photo-list dt .right-img{float:right;width:78px;}

.hot-photo-list dt .right-img .img{width:78px;margin-bottom:10px;overflow:hidden;}

.hot-photo-list dt .right-img .img:last-child{margin-bottom:0;}

.hot-photo-list dt .left-img img{width:140px;height:0;padding-bottom:100px;}

.hot-photo-list dt .right-img img{width:78px;height:0;padding-bottom:45px;}

.hot-photo-list dd .img{float:left;width:69px;margin-left:10px;overflow:hidden;}

.hot-photo-list dd .img:first-child{margin-left:0;}

.hot-photo-list dd .img img{width:69px;height:0;padding-bottom:40px;}



/* 最新工地直播 */

.new-live-list{width:100%;}

.new-live-list li{float:left;width:100%;margin-bottom:20px;}

.new-live-list li a{float:left;width:100%;}

.new-live-list li a img{float:left;width:92px;height:67px;border:#e5e5e5 solid 1px;}

.new-live-list li a .txt{float:right;width:128px;}

.new-live-list li a .txt h5{width:100%;font-size:14px;color:#333;line-height:22px;text-align:left;font-family:"Microsoft YaHei","微软雅黑";height:22px;overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;transition: all 0.3s;-webkit-transition: all 0.3s;}

.new-live-list li:hover a .txt h5{color:#166A79;}

.new-live-list li a .txt h6{width:100%;font-size:12px;color:#999;line-height:20px;text-align:left;font-family:"Microsoft YaHei","微软雅黑";height:20px;overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;transition: all 0.3s;-webkit-transition: all 0.3s;}

.new-live-list li a .txt h6 i{color:#e5e5e5;margin-left:8px;margin-right:8px;}

.new-live-list li a .txt .tag{float:left;margin-top:4px;font-size:12px;color:#166A79;line-height:20px;padding:0 8px;font-family:"Microsoft YaHei","微软雅黑";border:#166A79 solid 1px;background:#ffe8d9;}



/* 右侧推荐 热门设计师 */

.hot-designer-list{width:100%;}

.hot-designer-list li{float:left;width:100%;margin-bottom:20px;}

.hot-designer-list li a{float:left;width:100%;}

.hot-designer-list li .img{float:left;width:52px;overflow:hidden;}

.hot-designer-list li .img img{display:block;width:52px;height:52px;border-radius:50%;}

.hot-designer-list li .txt{float:right;width:164px;}

.hot-designer-list li .txt h3{font-size:14px;color:#333;line-height:24px;font-family:"Microsoft YaHei","微软雅黑";text-align:left;font-weight:bold;transition:all 0.3s;-webkit-transition: all 0.3s;}

.hot-designer-list li:hover .txt h3{color:#166A79;}

.hot-designer-list li .txt h6{width:100%;font-size:12px;color:#999;line-height:24px;font-family:"Microsoft YaHei","微软雅黑";text-align:left;height:24px;overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;}

.hot-designer-list li .txt h6 u{color:#166A79;text-decoration:none;}

.hot-designer-list li .txt h6 i{color:#e5e5e5;margin-left:8px;margin-right:8px;}



/* 右侧推荐 最新评论 */

.new-comment-list{width:100%;padding-bottom:20px;}

.new-comment-list .mem-photo{float:left;width:46px;}

.new-comment-list .mem-photo img{display:block;width:46px;height:46px;border-radius:50%;}

.new-comment-list .judge-txt{float:right;width:170px;}

.new-comment-list .judge-txt .name{width:100%;float:left;}

.new-comment-list .judge-txt .name h6{float:left;width:60px;font-size:14px;color:#333;font-weight:bold;line-height:24px;}

.new-comment-list .judge-txt .name .commstar{float:right;margin-top:0;}

.new-comment-list .judge-txt .date{width:100%;float:left;font-size:12px;color:#999;line-height:18px;font-family:"Arial";text-align:left;}

.new-comment-list .judge-txt .txt{width:100%;margin-top:12px;float:left;font-size:12px;color:#666;line-height:22px;text-align:left;font-family:"Microsoft YaHei","微软雅黑";}

.new-comment-list .judge-txt .txt p{line-height:22px;}



/* 锚点 */

.right-anchor{display:block;position:relative;top:-80px;}

.left-anchor{display:block;position:relative;top:-530px;}

.left-anchor0{display:block;position:relative;top:-730px;}



/*弹窗*/

/* 红包弹窗 */

.x-mask{

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, .6);

    z-index: 99999;

    display: none;

}



.x-tc-one{

    width: 380px;

    height: 519px;

    background-image: url(../images/hb_bg1.png);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    position: fixed;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%);

    z-index: 999999;

    /*display:none;*/

}



.x-tc-one .text1{

    font-size: 16px;

    color: #fffc00;

    text-align: center;

    margin-top: 148px;

    font-family: MicrosoftYaHei;

}



.x-tc-one .text2{

    color: #fff;

    font-size: 16px;

    text-align: center;

    margin-top: 8px;

}

.x-tc-one .text2 span{

    font-size: 32px;

}



.x-tc-one .x-input-btn{

    width: 248px;

    margin: 0 auto;

    margin-top: 38px;

    text-align: center;

}



.x-tc-one .x-input-btn input{

    width: 248px;

    height: 40px;

    color: #fff;

    font-size: 16px;

    padding: 0 15px;

    background-color: transparent;

    border: none;

}





.x-tc-one .x-input-btn input::placeholder{

    color: #fff;

}



.x-tc-one .x-input-btn button{

    width: 98px;

    height: 98px;

    border-radius: 100%;

    margin-top: 72px;

    cursor: pointer;

    opacity: 0;

    /* visibility: hidden; */

}



.tctype1,.tctype2,.tctype3{

    display:none;

}



/*红包结果*/

.x-tc-two{

    width: 614px;

    height: 694px;

    background: url(../images/hb_bg2.png);

    position: fixed;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

    z-index: 99999;

    text-align: center;

    padding-top: 175px;

    padding-right: 13px;

    display:none;



    /*width: 613px;

    height: 693px;

    background-image: url(../images/hb_bg2.png);

    background-repeat: no-repeat;;

    background-size: cover;

    background-position: center;

    position: fixed;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%);

    z-index: 999999;

    text-align: center;

    display:none;*/

}

.x-tc-two .text1{

    font-size: 24px;

    font-family: MicrosoftYaHei;

    color: #cb2200;

    font-weight: bold;

    width: 320px;

    text-align: center;

    margin-left: auto;

    margin-right: auto;

}



.x-tc-two .text2{

    font-size: 18px;

    color: #cb2200;

    text-align: center;

}



.x-tc-two .text2 span{

    font-size: 52px;

}



.x-tc-two .x-tc-two-wxcode{

    width: 145px;

    height: 145px;

    margin-left: auto;

    margin-right: auto;

}



.x-tc-two .x-tc-two-wxcode img{

    width: 100%;

    height: 100%;

}



.x-tc-two .text3{

    font-size: 16px;

    color: #fff;

    margin-top: 30px;

}



.x-tc-two .text4{

    font-size: 16px;

    color: #fff;

    margin-top: 20px;

}



.x-tc-two .text4 span{

    display:inline-block;

    border: 1px solid #fff;

    padding: 0 5px;

    line-height: 24px;

    font-size: 16px;

    color: #fff;

    border-radius: 30px;

    margin: 0 1px;

}



.x-tc-two .x-tc-close1{

    width: 36px;

    height: 36px;

    border-radius: 100%;

    background: #999 url(../images/icon_cuo.png) no-repeat center;

    background-size: 60%;

    position: absolute;

    right: 77px;

    top: 132px;

    z-index: 1;

    cursor: pointer;

}



.x-tctype1-istop{

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

}



.x-tctype1-istop .x-duigou{

    width: 46px;

    height: 46px;

    background-color: #fff;

    margin: 0 auto;

    border-radius: 100%;

    padding: 8px;

}



.x-tctype1-istop .x-duigou img{

    width: 100%;

    height: 100%;

}



.x-tctype1-istop .x-tctype2-con h4{

    font-size: 22px;

    color: #fff;

    margin-top: 20px;

}



.x-tctype1-istop .x-tctype2-con p{

    font-size: 16px;

    color: #fff;

    margin-top: 12px;

}



/*免费设计弹窗*/

.tctype2-con{

    width: 1076px;

    height: 544px;

    background: url(../images/tcbg1.png) no-repeat right;

    padding-left: 50px;

    position: fixed;

    top: 50%;

    left: 50%;

    z-index: 99999;

/*    margin-top: -21%;

    margin-left: -39%;*/

    transform: translate3d(-50%,-50%,0);

    /*padding-top:184px;*/

}

/*左侧导航*/

.tctype2-con .tctype2-nav{

    width: 46px;

    position: absolute;

    left: 6px;

    top: 50%;

    margin-top: -56px;

}



.tctype2-con .tctype2-nav li{

    width: 100%;

    height: 130px;

    background-color: #fff;

    font-size: 16px;

    color: #333;

    padding: 8px;

    text-align: center;

    /*border-left: 3px solid transparent;*/

    border-radius: 3px;

    box-shadow: inset -4px -5px 15px #888888;

    position: relative;

    cursor: pointer;

    line-height: 28px;

    transition: all .3s;

}
.tctype2-con .tctype2-nav li:first-child{
    line-height: 19px;
}


.tctype2-con .tctype2-nav li.cur{

    box-shadow:none;

    color: #166A79;

}



.tctype2-con .tctype2-nav li.cur::after{

    content: '';

    width: 3px;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 1;

    background-color: #166A79;

}



.tctype2-item{

    width: 100%;

}

.tctype2-item .tctype2-list{

    display:none;

}



.tctype2-item .x-sj1 {

    padding-top:184px;

}

.tctype2-item .x-sj1 .left{

    width: 505px;

    float: left;

    padding: 0 40px;

}



.tctype2-item .x-sj1 .title{

    font-size: 30px;

    color: #333;

    font-weight: bold;

    text-align: center;

}



.tctype2-item .x-sj1 .title span{

    color: #166A79;

}



.tctype2-item .x-sj1 .x-free-design{

    margin-top: 24px;

}



.tctype2-item .x-sj1 .x-free-design .x-free-list{

    width: 100%;

    margin-bottom: 12px;

}



.x-free-list .x-free-list-left{

    font-size: 14px;

    color: #333;

    line-height: 42px;

    width: 85px;

    float: left;

}



.x-free-list .x-free-list-left span{

    color: #166A79;

}



.x-free-list .x-free-list-right{

    float: right;   

    width: calc(100% - 85px);

    position: relative;

}



.x-free-list .x-free-list-right select{

    float: left;

    height: 42px;
	
	width: calc(50% - 6px);

    border: #e5e5e5 solid 1px;

    background: #fff url(../images/icon-down01.png) no-repeat 90% center;

    padding-left: 10px;

    appearance: none;

    -moz-appearance: none;

    -webkit-appearance: none;

    font-size: 14px;

    color: #666;

    line-height: 42px;

    margin-left: 11px;

}



.x-free-list .x-free-list-right select:first-child{

    margin-left: 0;

}



.x-free-list .x-free-list-right input{

    width: 100%;

    height: 42px;

    border: #e5e5e5 solid 1px;

    padding-left: 10px;

    position: relative;

}



.x-free-list .x-free-list-right.isone input{

    padding-right: 40px;

}



.x-free-list .x-free-list-right.isone:after{

    content: '㎡';

    width: 38px;

    height: 42px;

    text-align: center;

    font-size: 16px;

    color: #333;

    line-height: 42px;

    position: absolute;

    top: 0;

    right: 0;

    z-index: 1;

}



.x-free-design .x-free-list-btn {

    width: 100%;

    padding-left: 85px;

    text-align: center;

    margin-top: 20px;

}



.x-free-design .x-free-list-btn button{

    width: 108px;

    height: 42px;

    color: #fff;

    font-size: 16px;

    background-color: #166A79;

    margin:0 auto;

    cursor: pointer;

}



.x-free-design .x-free-list-btn p{

    font-size: 14px;

    color: #166A79;

    margin-top: 20px;

}



.tctype2-item .x-sj1 .right{

    width: 520px;

    padding: 0 40px;

    position: relative;

    float: right;

}



.tctype2-item .x-sj1 .right .x-lcimg{

    margin-top: 30px;

    padding-left: 24px;

}



.tctype2-con .x-tc-close2{

    width: 36px;

    height: 36px;

    border-radius: 100%;

    background: #eee url(../images/icon_cuowu2.png) no-repeat center;

    background-size: 60%;

    position: absolute;

    right: -14px;

    top: 101px;

    z-index: 1;

    cursor: pointer;

    display: none;

}



/*免费报价*/

.tctype2-item .x-sj2 {

    padding-top: 166px;

}



.tctype2-item .x-sj2 .left{

    width: 505px;

    float: left;

    /*padding: 0 80px;*/

    padding-left: 40px;

    padding-right: 107px;

}



.tctype2-item .x-sj2 .left .x-sj2-title{

    font-size: 30px;

    color: #166A79;

    font-weight: bold;

    text-align: center;

}



.tctype2-item .x-sj2 .left .x-sj2-tips{

    font-size: 14px;

    color: #999;

    margin-top: 10px;

    text-align: center;

}



.tctype2-item .x-sj2 .left .x-sj2-tips span{

    color: #166A79;

}



.tctype2-item .x-sj2 .x-free-design{

    margin-top: 20px;

}



.tctype2-item .x-sj2 .x-free-list{

    margin-bottom: 12px;

}



.tctype2-item .x-sj2 .right{

    width: 520px;

    float: right;

    /*padding: 0 80px;*/

    padding-left: 110px;

    padding-right: 63px;

    padding-top: 47px;

}



.tctype2-item .x-sj2 .right .title{

    font-size: 22px;

    color: #333;

    font-weight: bold;

    line-height: 24px;

    text-align: center;

}



.tctype2-item .x-sj2 .right .title span{

    color: #166A79;

    display: inline-block;

    width: 80px;

}



.tctype2-item .x-sj2 .right .x-price{

    width: 100%;

    border: 1px solid #e5e5e5;

    padding: 30px 60px;

    margin-top: 20px;

}



.tctype2-item .x-sj2 .right .x-price li{

    font-size: 14px;

    color: #666;

    line-height: 24px;

    text-align: center;

    margin:10px 0;

}



.tctype2-item .x-sj2 .right .x-price li span{

    display:inline-block;

    width: 110px;

    text-align: center;

}



/*开始计算动画*/

@keyframes pulse2 {

    from {

        transform: scale(1);

        filter: opacity(0.6);

    }

    to {

        transform: scale(1.4);

        filter: opacity(0);

    }

}

.x-circle {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100px;

    height: 100px;

    background-color: #166A79;

    border-radius: 100%;

    /*box-shadow: 0 0 0 12px rgba(255,102,0,.2),

                0 0 0 2px rgba(255,102,0,.2);*/

    position: absolute;

    top: 61%;

    left: 51.8%;

    z-index: 5;

    transform:translate(-50%,-50%);

}



.x-circle::before{

    content: '';

    position: absolute;

    width: 100px;

    height: 100px;

    background: #166A79;

    border-radius: 100%;

}



.x-circle:hover::before{

    animation: pulse2 2s ease-out infinite;

}



.x-circle::after {

    content: '';

    position: absolute;

    width: 140px;

    height: 140px;

    border: 1px solid #e5e5e5;

    background: #fff;

    border-radius: 100%;

    animation-delay: 1s;

    z-index: -1;

}



.x-circle .btn-tctype4-sub,.x-circle .btn-tctype2-sub{

    width: 100px;

    height: 100px;

    background: #166A79;

    border-radius: 100%;

    color: #fff;

    font-size: 24px;

    padding: 18px;

    opacity: 1;

    position: relative;

    z-index: 9999;

    cursor: pointer;

}



.tctype2-result{

    width: 614px;

    height: 694px;

    background: url(../images/hb_bg2.png);

    position: fixed;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

    z-index: 99999;

    text-align: center;

    padding-top: 180px;

    padding-right: 13px;

    display:none;

}



.tctype2-result .x-text1{

    font-size: 24px;

    color: #cb2200;

    font-weight: bold;

}



.tctype2-result .x-text2{

    font-size: 18px;

    color: #cb2200;

    /*margin-top: 20px;*/

}



.tctype2-result .x-text2 span{

    font-size: 52px;

}



.tctype2-result .x-wxcode{

    width: 145px;

    height: 145px;

    margin-left: auto;

    margin-right: auto;

    margin-top: 4px;

}



.tctype2-result .x-wxcode img{

    width: 100%;

    height: 100%;

}



.tctype2-result .x-text3{

    font-size: 16px;

    color: #fff;

    margin-top: 30px;

}



.tctype2-result .x-text4{

    font-size: 16px;

    color: #fff;

    margin-top: 19px;

}



.tctype2-result .x-text4 span{

    display:inline-block;

    border: 1px solid #fff;

    border-radius: 30px;

    height: 24px;

    line-height: 22px;

    font-size: 16px;

    color: #fff;

    text-align: center;

    padding: 0 5px;

}



/*top提示*/

.x-tctype2-istop{

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

}



.x-tctype2-istop .x-duigou{

    width: 46px;

    height: 46px;

    background-color: #fff;

    margin: 0 auto;

    border-radius: 100%;

    padding: 8px;

}



.x-tctype2-istop .x-duigou img{

    width: 100%;

    height: 100%;

}



.x-tctype2-istop .x-tctype2-con h4{

    font-size: 22px;

    color: #fff;

    margin-top: 20px;

}



.x-tctype2-istop .x-tctype2-con p{

    font-size: 16px;

    color: #fff;

    margin-top: 12px;

}



.tctype2-result .x-tc-close3{

    width: 36px;

    height: 36px;

    border-radius: 100%;

    background: rgba(173,175,175,1);

    padding: 8px;

    position: absolute;

    top: 124px;

    right: 62px;

    z-index: 1;

    cursor: pointer;

}



.tctype2-result .x-tc-close3 img{

    width: 100%;

    height: 100%;

}



/*底部主弹窗*/

.x-main-bottc{

    width: 1131px;

    position: fixed;

    bottom: 0;

    left: 50%;

    z-index: 9999;

    transform: translateX(-50%);

    padding: 0 51px;

}



.x-main-bottc .x-main-botgb{

    width: 100%;

    height: 35px;

    background: url(../images/tcbot_1.png) no-repeat bottom;

    position: absolute;

    bottom: 0;

    left: 0;

    z-index: 5;

}



.x-main-bottc .x-main-botgb2{

    width: 71px;

    height: 26px;

    background: url(../images/tcbot_2.png) no-repeat bottom;

    position: absolute;

    bottom: 23px;

    left: 0;

    z-index: -1;

}



.x-main-bottc .x-main-botgb3{

    width: 71px;

    height: 26px;

    background: url(../images/tcbot_3.png) no-repeat bottom;

    position: absolute;

    bottom: 23px;

    right: 0;

    z-index: -1;

}



.x-main-bottc .x-main-bottc-con{

    width: 100%;

    background-color: #fff;

    margin: 0 auto;

    position: relative;

    z-index: -1;

    padding: 0 60px;

    padding-bottom: 40px;

    display:none;

    box-shadow: 0px -9px 10px 0px rgba(0, 0, 0, 0.2);

}



.x-main-bottc-con .left{

    width: 496px;

    float: left;

    padding-right: 121px;

}



.x-main-bottc-con .left .x-bottc-lefttit h4{

    font-size: 22px;

    color: #333;

    margin-right: 12px;

    float: left;

}



.x-main-bottc-con .left .x-bottc-lefttit p{

    float: left;

    color: #999;

    font-size: 14px;

    vertical-align: bottom;

    line-height: 29px;

}



.x-main-bottc-con .left .x-bottc-lefttit p span{

    color: #166A79;

}



.x-main-bottc-con .left  .x-free-list {

    margin-bottom: 12px;

}



.x-main-bottc-con .right{

    width: 409px;

    float: right;

    padding-left: 83px;

}



.x-main-bottc-con .right .title{

    font-size: 22px;

    color: #333;

}



.x-main-bottc-con .right .title span{

    color: #166A79;

    display: inline-block;

    width: 80px;

}





.x-main-bottc-con .right .x-price{

    width: 100%;

    border: 1px solid #e5e5e5;

    padding: 30px 60px;

    margin-top: 30px;

}



.x-main-bottc-con .right .x-price li{

    font-size: 14px;

    color: #666;

    width: 100%;

    text-align: center;

    margin: 12px 0;

}



.x-main-bottc-con .right .x-price li span{

    display:inline-block;

    width: 100px;

}





.x-main-bottc .x-tophs{
    cursor: pointer;

    width: 100%;

    padding-left: 10px;

    background: #fff;

    padding: 0 60px;

    padding-top: 12px;

    padding-left: 150px;

    background-image:url(../images/zhuangshi1_03.png);

    background-position:  47px top;

    background-repeat: no-repeat;

    padding-bottom: 32px;

    box-shadow: 0px -9px 10px 0px rgba(0, 0, 0, 0.2);

}



.x-main-bottc .x-tophs .x-tophs-img{

    width: 65px;

    vertical-align: bottom;

    margin-right: 3px;

}



.x-main-bottc .x-tophs .x-tophs1{

    border-radius: 16px;

    background-color: #166A79;

    font-size: 18px;

    color: #fff;

    line-height: 32px;

    font-weight: bold;

    display:inline-block;

    padding: 0 16px;

    margin-right: 3px;

}



.x-main-bottc .x-tophs .x-tophs2{

    font-size: 36px;

    color: #333;

    font-weight: bold;

    display:inline-block;

}



.x-main-bottc .x-tophs .x-tophs2 span{

    color: #166A79;

}



/*刷子*/

.x-takeback{

    width: 40px;

    position: absolute;

    top: -27px;

    right: 41px;

    z-index: 99;

    cursor: pointer;

    transition: all 1s;

}



.x-takeback img{

    width: 100%;

   transition: all 1s;

}



.x-takeback.cur img{

    transform: rotate(180deg);

}



@keyframes x-one {

    from {

        transform: translate3d(-50%, -50%, 0) scale(1);

        opacity: 1;

    }

    to {

        transform: translate3d(28%, -22%, 0) scale(.1);

        opacity: 0;

    }

}



@keyframes x-two {

    from {

        transform: translate3d(-50%, -50%, 0) scale(1);

        opacity: 1;

    }

    to {

        transform: translate3d(28%, -9%, 0) scale(0.1);

        opacity: 0;

    }

}



.tctype2-con.act{

    animation:x-one 2s;

}



.tctype2-con.act2{

    animation:x-two 2s;

}



.photo-trans-bg{position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;background:rgba(0,0,0,0.6);display:none;}



/* 装修分期 计算结果 */

.real-results{width:500px;height:400px;position:fixed;z-index: 100000;background:#fff;border-radius:8px;top:50%;left:50%;margin-left:-250px;margin-top:-200px;padding:40px 60px;display:none;}

.real-results .title{width:100%;font-size:22px;color:#333;line-height:40px;text-align:center;font-weight:bold;}

.real-results li{float:left;width:50%;border-bottom:#e5e5e5 dashed 1px;padding:20px 0 20px 40px;}

.real-results li h4{font-size:12px;color:#999;line-height:24px;}

.real-results li p{font-size:16px;color:#333;line-height:28px;}

.real-results .results-lytips{width:100%;margin-top:20px;text-align:center;}

.real-results .results-lytips h3{font-size:12px;color:#166A79;line-height:16px;}

.real-results .results-lytips h4{font-size:24px;color:#166A79;line-height:40px;}

.real-results .results-lytips p{font-size:12px;color:#999;line-height:16px;}

.real-results .real-results-close{width: 36px;height: 36px;border-radius: 100%;background: rgba(173, 175, 175, 1);padding: 8px;position: absolute;top:-48px;right:0;z-index: 1;cursor: pointer;}

.real-results .real-results-close img {width: 100%;height: 100%;}



/* 免费报价 计算结果 */

.real-results2{width:500px;height:400px;position:fixed;z-index: 100000;background:#fff;border-radius:8px;top:50%;left:50%;margin-left:-250px;margin-top:-200px;padding:40px 60px;display:none;}

.real-results2 .title{width:100%;font-size:22px;color:#333;line-height:40px;text-align:center;font-weight:bold;}

.real-results2 .title span{color:#166A79;margin-left:8px;margin-right:8px;}

.real-results2 ul{border:#e5e5e5 solid 1px;padding:20px 40px;margin-top:20px;}

.real-results2 li{width:100%;}

.real-results2 li p{font-size:16px;color:#666;line-height:48px;text-align:center;}

.real-results2 li p span{display:inline-block;width:100px;color:#166A79;font-size:20px;text-align:center;}

.real-results2 .tips{width:100%;margin-top:20px;text-align:center;}

.real-results2 .tips p{font-size:12px;color:#999;line-height:16px;}

.real-results2 .real-results2-close{width: 36px;height: 36px;border-radius: 100%;background: rgba(173, 175, 175, 1);padding: 8px;position: absolute;top:-48px;right:0;z-index: 1;cursor: pointer;}

.real-results2 .real-results2-close img {width: 100%;height: 100%;}



/* 分享弹窗 */

#bdshare_weixin_qrcode_dialog{width:252px!important;height:300px!important;}

.index .x-mask{z-index: 1000000;}
.index .tctype2-con{z-index: 1000000}

.x-main-bottc .x-circle{width: calc(100% - 85px);height: 40px;border-radius: 5px;position: relative;float: right;transform:none;left: 0;}
.x-main-bottc .x-circle::before{width: 0;height: 0;}
.x-main-bottc .x-circle::after{width: 0;height: 0;border: 0;}
.x-main-bottc .x-circle .btn-tctype4-sub{width: 100%;height: 40px;border-radius: 5px;font-size: 18px;padding: 0;}
.x-main-bottc .x-main-bottc-con .left{padding-right: 61px;}
.x-main-bottc .x-main-bottc-con .right{padding-left: 23px;}

/*漂浮*/
.pf{ background-color:#166A79;position: fixed;top: 60%;right: 0; margin-top: -200px; z-index: 99999;}
.pf ul li{ width:80px; height:80px; position:relative; cursor:pointer; text-align:center; border-bottom:2px solid #ffffff; padding:20px 0;}
.pf ul li:last-child{ border-bottom:none;}
.pf ul li p{ font-size:12px; color:#ffffff; line-height:1; margin-top:6px;}
.pf ul li .con{display: none;position: absolute;left: -180px;bottom:0;width:150px;height: 50px;background: #343434;color: #fff;font-size: 14px;line-height: 50px;text-align: center;}
.ewmcon{display:none;position:absolute;left:-183px;bottom:-9px;width:153px;height:180px;padding-top:23px;background:url(../images/bg_03.png) no-repeat;}
.ewmcon img { display:block; width:100px; height:100px; border:7px solid #fff; margin:0 auto; }
.pf ul li .ewmcon p { color:#fff; font-size:14px; line-height:35px; text-align:center; margin-top:0;} 
.ewmcon:after { content:" "; position:absolute; right:-10px; bottom:22px; display:block;border-top: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 5px solid #166A79;}
.con:after {content: " ";position: absolute;right: -12px;top: 50%;margin-top:-7px;display: block;border-top: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid transparent;border-left: 7px solid #343434;}
/*漂浮*/

.choose_city {
    position: relative;
    margin: 14px auto;
    width: 76%;
    height: auto;
    font-size: 14px;
    border: 1px solid #CCCCCC;
	background-color:#F5F5F5;
}
.choose_city .cs_zs {
    overflow: hidden;
    clear: both;
	border-bottom:1px solid #CCCCCC;
	line-height:49px;
}
.choose_city .cs_zs:last-child{ border-bottom:none;}
.choose_city .title_type2 {
    width: 9%;
    float: left;
	text-align:center;
	color: #166A79;
	font-size:16px;
}
.choose_city .xzcs_dt {
    float: left;
    width: 91%;
    padding-left:4%;
	border-left: 1px solid #CCCCCC;
	background-color:#ffffff;
}
.choose_city .cs_zs .xzcs_dt a {
    margin-right:20px;
	display:inline-block;
	color: #333333;
	font-size:14px;
}